@extends('home.layout')

@section('title',$title)

@section('city')

@stop
 @section('search_box')
 @stop

@section('content')
		<div class="cart">
			<div class="cart_null" style="display: none;"><p>购物车是空的，去买点东西吧！<a href="">继续逛逛>></a></p></div>
		
			<h2>
				<span class="cart_bg"></span>
				<div class="city">
                    <div class="ct"></div>
    				<div class="city_send">配送至：</div>
     				<div class="city_title">北京</div>
                        <div class="city_con">
                            <div class="headline">
                                请根据您的收货地址选择
                                <span><a href="">全国其它城市</a>
                                <i>&gt;&gt;</i></span>
                            </div>
                            <div class="hot">
                                <b><i></i><span>热门城市</span></b>
                                <a href="">上海</a>
                                <a href="">北京</a>
                                <a href="">天津</a>
                                <a href="">南京市</a>
                                <a href="">苏州市</a>
                                <a href="">昆山市</a>
                                <a href="">无锡市</a>
                            </div>
                            <div class="city_list border">
                                <dl>
                                    <dt>A</dt>
                                    <dd>
                                        <a href="">安庆市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>B</dt>
                                    <dd>
                                        <a href="">滨州市</a>
                                        <a href="" class="hot_city"><strong>北京</strong></a>
                                        <a href="">北京(郊区)</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>C</dt>
                                    <dd>
                                        <a href="">慈溪市</a>
                                        <a href="">成都市</a>
                                        <a href="">长春市</a>
                                        <a href="">常熟市</a>
                                        <a href="">常州市</a>
                                        <a href="">长沙市</a>
                                        <a href="">沧州市</a>
                                        <a href="">重庆</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>D</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>东莞市</strong></a>
                                        <a href="">大连市</a>
                                        <a href="">东营市</a>
                                        <a href="">德州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>F</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>佛山市</strong></a>
                                        <a href="">福州市</a>
                                        <a href="">奉化市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>G</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>广州市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>H</dt>
                                    <dd>
                                        <a href="">菏泽市</a>
                                        <a href="">海宁市</a>
                                        <a href="">合肥市</a>
                                        <a href="" class="hot_city"><strong>惠州市</strong></a>
                                        <a href="">哈尔滨市</a>
                                        <a href="">湖州市</a>
                                        <a href="">淮安市</a>
                                        <a href="" class="hot_city"><strong>杭州市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>J</dt>
                                    <dd>
                                        <a href="">济南市</a>
                                        <a href="">吉林市</a>
                                        <a href="">嘉兴市</a>
                                        <a href="">景德镇市</a>
                                        <a href="" class="hot_city"><strong>江门市</strong></a>
                                        <a href="">江阴市</a>
                                        <a href="">金华市</a>
                                        <a href="">嘉善市</a>
                                        <a href="">济宁市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>K</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>昆山市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>L</dt>
                                    <dd>
                                        <a href="">丽水市</a>
                                        <a href="">临沂市</a>
                                        <a href="">聊城市</a>
                                        <a href="">兰州市</a>
                                        <a href="">连云港市</a>
                                        <a href="">辽阳市</a>
                                        <a href="">莱芜市</a>
                                        <a href="">廊坊市</a>
                                    </dd>
                                </dl>
                            </div>

                            <div class="city_list">
                                <dl>
                                    <dt>M</dt>
                                    <a href="">马鞍山市</a>
                                </dl>
                                <dl>
                                    <dt>N</dt>
                                    <dd>
                                        <a href="">南宁市</a>
                                        <a href="">南昌市</a>
                                        <a href="">南通市</a>
                                        <a href="" class="hot_city"><strong>南京市</strong></a>
                                        <a href="" class="hot_city"><strong>宁波市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>Q</dt>
                                    <dd>
                                        <a href="">泉州市</a>
                                        <a href="">秦皇岛市</a>
                                        <a href="">青岛市</a>
                                        <a href="" class="hot_city"><strong>清远市</strong></a>
                                        <a href="">衢州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>R</dt>
                                    <dd>
                                        <a href="">日照市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>S</dt>
                                    <dd>
                                        <a href="">绍兴市</a>
                                        <a href="">宿迁市</a>
                                        <a href="">沈阳市</a>
                                        <a href="" class="hot_city"><strong>深圳市</strong></a>
                                        <a href="" class="hot_city"><strong>上海</strong></a> 
                                        <a href="">上海(郊区)</a>
                                        <a href="" class="hot_city"><strong>苏州市</strong></a>
                                        <a href="">石家庄市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>T</dt>
                                    <dd>
                                        <a href="">唐山市</a>
                                        <a href="">太原市</a>
                                        <a href="">台州市</a>
                                        <a href="">泰安市</a>
                                        <a href="">桐乡市</a>
                                        <a href="">泰州市</a>
                                       <a href="" class="hot_city"><strong>天津</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>W</dt>
                                    <dd>
                                        <a href="">潍坊市</a>
                                        <a href="">武汉市</a>
                                        <a href="">温州市</a>
                                        <a href="">威海市</a>
                                        <a href="">吴江市</a>
                                        <a href="" class="hot_city"><strong>无锡市</strong></a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>X</dt>
                                    <dd>
                                        <a href="">西安市</a>
                                        <a href="">厦门市</a>
                                        <a href="">徐州市</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>Y</dt>
                                    <dd>
                                        <a href="">扬州市</a>
                                        <a href="">盐城市</a>
                                        <a href="">烟台市</a>
                                        <a href="">余姚市</a>
                                        <a href="">义乌市</a>
                                        <a href="">银川市</a> 
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>Z</dt>
                                    <dd>
                                        <a href="" class="hot_city"><strong>珠海市</strong></a>
                                        <a href="">郑州市</a>
                                        <a href="" class="hot_city"><strong>中山市</strong></a>
                                        <a href="">舟山市</a>
                                        <a href="">枣庄市</a>
                                        <a href="">淄博市</a>
                                        <a href="">镇江市</a>
                                        <a href="" class="hot_city"><strong>肇庆市</strong></a>
                                    </dd>
                                </dl>
                            </div>                   
                        </div>
                        <script type="text/javascript">
                            $('.city_title').on('mouseover',function(){
                                $(this).css('background','#008842');
                                $(this).css('color','white');
                                $('.city_title s').css('background','url("/home/img/header-img.png") no-repeat -25px 0');
                                $('.city_con').css('display','block');
                            }).on('mouseout',function(){
                                $(this).css('background','');
                                $(this).css('color','#008842');
                                $('.city_title s').css('background','url("/home/img/header-img.png") no-repeat 0 0');
                                $('.city_con').css('display','none');
                            })
                        </script>
				</div>
				<a href="" class="goon">继续购物>></a>
			</h2>

            <div class="cart_box">

                <div class="cart_header">
        		     <table class="cart_table">
                        <tr>
                            <th width="50"><input type="checkbox"></th>
                            <th width="100">全选</th>
                            <th width="300">商品信息</th>
                            <th width="120">单价</th>
                            <th width="130">购买数量</th>
                            <th width="130">合计</th>
                            <th width="130">规格</th>
                            <th width="200">操作</th>
                        </tr>
                    </table>
                </div>

                <div class="cart_list">
                    <table class="cart_table">
                        <tr>
                            <td><input type="checkbox"></td>
                            <td><img src="/home/img/9288694589268159_300.jpg" alt="" ></td>
                            <td>精选蓝莓2盒(约125g/盒)(北京)</td>
                            <td>￥29.90</td>
                            <td></td>
                            <td>￥29.90</td>
                            <td>2盒</td>
                            <td>
                                <a href="">移入收藏</a>
                                <a href="">删除</a>
                            </td>
                        </tr>
                    </table>
                    <table class="cart_table">
                        <tr>
                            <td><input type="checkbox"></td>
                            <td><img src="/home/img/9288694589268159_300.jpg" alt="" ></td>
                            <td>精选蓝莓2盒(约125g/盒)(北京)</td>
                            <td>￥29.90</td>
                            <td></td>
                            <td>￥29.90</td>
                            <td>2盒</td>
                            <td>
                                <a href="">移入收藏</a>
                                <a href="">删除</a>
                            </td>
                        </tr>
                    </table>
    		    </div>

                <div class="cart_space"></div>
                <div class="cart_total">
                    <div class="fl">
                        <input type="checkbox" id="all"><label for="all">全选</label>
                        <a href="" class="delete"><i></i>删除选中的商品 </a>
                        <a href="" class="empty">清空购物车</a>
                    </div>
                    <div class="fr">
                        <span>总价：<b>￥69.80</b></span>
                        <a href="" class="btn">去结算</a>
                    </div>
                </div>



            </div>

        </div>
@endsection
